html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
/* CSS Document */
/*_______________________________________________________________________________________________*/
/*html, body, div, span, h1, h2, h3, h4, h5, h6, p,a, em, img, strong, ol, ul, li 
{ margin:0px; padding:0px; border:0px; outline:0px; vertical-align:baseline; background:transparent; text-decoration:none; font-family:'tahoma'; font-size:12px;}*/
html, body, a { margin:0px; padding:0px; border:0px; outline:0px; vertical-align:baseline; background:transparent; text-decoration:none; font-family:'arial'; font-size:12px;}
body { width:100%; background:url(../images/icon-1.jpg) repeat;}

/*_______________________________________________________________________________________________*/

.index { width:100%; float:left;} 


/*   Header   */
.indexheader { width:100%; height:128px; float:left; background:url(../images/indexheader.jpg) repeat-x;}

.header { width:1000px; height:128px; margin:0 auto;}
.logo { float:left;}
.title { float:left; margin:48px 0 0 50px;}
.title span { float:left; font-weight:bold; font-size:32px; text-transform:uppercase; color:#555555;}
.title h3 { float:left; font-weight:bold; font-size:32px; text-transform:uppercase; color:#d1342d;}
.title h4 { float:left; font-weight:bold; font-size:32px; text-transform:uppercase; color:#019540;}
.search { width:258px; height:30px; float:right; margin-top:88px;}
input.sk { width:150px; height:14px; background:white; border:none; padding:7px 10px; color:#999; float:left; border:1px solid #ddd;}
input.sn { width:76px; height:30px; border:none; float:left; border:none; margin-left:10px; background:url(../images/button-search.png) no-repeat;}

/*   Menu   */
.indexmenu { width:100%; height:37px; float:left; background:url(../images/bgmenu.png) repeat-x;}
.menuTop { width:1000px; height:37px; margin:0 auto; position:relative; z-index:1001;}
.menuTop > ul { list-style:none; width:1000px; height:32px; margin-top:3px;}
.menuTop > ul > li { float:left; height:32px; padding:0 25px 0 23px; margin-right:2px; position:relative; background:url(../images/icon-2.jpg) repeat-y left;}
.menuTop > ul > li > a { font-weight:bold; color:white; font-size:12px; text-transform:uppercase; display:block; line-height:32px;}
.menuTop > ul > li:hover > a, .menuTop > ul > li.active > a { color:#99FF00;}

.menuTop > ul > li > ul { display:none; list-style:none; top:32px; left:0; width:230px; position:absolute; background:#d1342d; border-top:1px solid white;}
.menuTop > ul > li:hover > ul { display:block; padding:5px 0; box-shadow:1px 1px 2px #333;}
.menuTop > ul > li > ul > li { width:180px; float:left; padding:8px 0; border-top:1px solid #e34a43; border-bottom:1px solid #9c1913; position:relative; margin-left:25px;}
.menuTop > ul > li > ul > li > a { color:white;}


/*   Content   */
.indexcontent { width:100%; float:left;}

.content { width:1000px; margin:0 auto;}
.banner { width:788px; height:220px; float:left; margin-top:10px;}
.video { width:202px; height:220px; float:right; margin-top:10px;}

.leftcont { width:212px; float:left; margin-top:5px; padding-bottom:10px;}
.centcont { width:566px; float:left; margin-left:10px; padding-bottom:10px;}
.rightcont { width:202px; float:right; margin-top:5px; padding-bottom:10px;}

/*   Left   */
.boxleft { width:212px; float:left; margin-top:5px;}
.ttboxleft { width:212px; height:40px; float:left;
background: #009440; /* Old browsers */
background: -moz-linear-gradient(top,  #009440 0%, #00642b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009440), color-stop(100%,#00642b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #009440 0%,#00642b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #009440 0%,#00642b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #009440 0%,#00642b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #009440 0%,#00642b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009440', endColorstr='#00642b',GradientType=0 ); /* IE6-9 */
}
.ttboxleft p { font-weight:bold; color:white; line-height:40px; margin-left:10px; text-transform:uppercase;}
.ccboxleft { width:212px; float:left; background:#93c352;}

.danhmuc { width:212px; float:left;}
.danhmuc ul { width:212px; list-style:none; float:left; padding:5px 0;}
.danhmuc li { width:182px; float:left; border-top:1px solid #bbe581; border-bottom:1px solid #769d42; background:url(../images/icon-3.png) no-repeat top left; padding:8px 10px 7px 20px;}
.danhmuc a { float:left; color:#333;}

.spleft { width:212px; position:absolute; top:0; left:0;}
.spleft ul { float:left; list-style:none;}
.spleft li { width:212px; height:62px; float:left; border-top:1px solid #bbe581; border-bottom:1px solid #769d42; padding:10px 0;}
.spleft li > a { color:#333; font-weight:bold; width:120px; float:right; display:block; margin-right:5px;}
.spleft li > span { color:#666; width:120px; float:right; margin:5px 5px 0 0;}
.picleft { width:72px; height:62px; float:left; background:white; margin-left:10px;}
.pic_2 { width:70px; height:60px; text-align: center; vertical-align: middle; border:1px solid #ddd;}
.pic_2 img { margin:0 auto; max-width:60px; max-height:50px;}

.qcleft { width:212px; float:left;}
.qcleft ul { list-style:none;}
.qcleft li { width:212px; float:left; margin-top:5px;}
.qcleft img { width:212px; float:left;}

.dangnhapleft { width:210px; float:left; background:white; border:1px solid #047d38; margin-top:5px;}
.dangnhap { width:190px; float:left; padding:5px 10px 10px 10px;}
.dangnhap ul { list-style:none;}
.dangnhap li { width:190px; float:left; margin-top:5px;}
.dangnhap p { width:70px; float:left; display:block; line-height:26px; font-weight:bold;}
input.log { width:108px; height:14px; padding:5px; float:left; border:1px solid #ddd;}
input.pas { width:108px; height:14px; padding:5px; float:left; border:1px solid #ddd;}
input.bup { float:right; padding:5px 15px;  background:#428bca; border:1px solid #2b71ad; color:white; font-weight:bold; margin-top:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/*   Cent   */
.boxcent { width:566px; float:left; margin-top:10px;}
.ttboxcent { width:566px; height:40px; float:left;
background: #009440; /* Old browsers */
background: -moz-linear-gradient(top,  #009440 0%, #00642b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009440), color-stop(100%,#00642b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #009440 0%,#00642b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #009440 0%,#00642b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #009440 0%,#00642b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #009440 0%,#00642b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009440', endColorstr='#00642b',GradientType=0 ); /* IE6-9 */
}
.ttboxcent p { font-weight:bold; color:white; line-height:40px; margin-left:10px; text-transform:uppercase;}
.ccboxcent { width:566px; float:left;}
.outpro { width:576px; float:left;}

.boxpro { width:182px; height:260px; float:left; margin:10px 10px 0 0; border-bottom:1px dotted #02923c;}
.boxpro ul { list-style:none;}
.boxpro li.pic { width:180px; height:180px; float:left; border:1px solid #02923c; background:white;}
	.pic_1 { width:180px; height:180px; text-align: center; vertical-align: middle;}
	.pic_1 img { margin:0 auto; max-width:170px; max-height:170px;}
.boxpro li.tit { width:162px; height:32px; overflow:hidden; float:left; margin:5px 0 0 10px;}
.boxpro li.tit a { font-weight:bold; color:#019343; text-align:center; line-height:16px; display:block;}
.boxpro li.pri { width:162px; float:left; margin:5px 0 0 10px;}
.boxpro li.pri p { font-weight:bold; color:red; display:block;}
.boxpro li.vie { width:162px; float:right; margin:0 10px 0 0;}
.boxpro li.vie a { display:block; text-align:right; font-size:11px; color:#00aea4;}
.boxpro li.vie a:hover { text-decoration:underline;}

/*   Right   */
.boxright { width:202px; float:left; margin-top:5px;}
.ttboxright { width:202px; height:40px; float:left;
background: #009440; /* Old browsers */
background: -moz-linear-gradient(top,  #009440 0%, #00642b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009440), color-stop(100%,#00642b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #009440 0%,#00642b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #009440 0%,#00642b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #009440 0%,#00642b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #009440 0%,#00642b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009440', endColorstr='#00642b',GradientType=0 ); /* IE6-9 */
}
.ttboxright p { font-weight:bold; color:white; line-height:40px; margin-left:10px; text-transform:uppercase;}
.ccboxright { width:200px; float:left; background:white; border:1px solid #047d38; margin-top:1px;}

.yahoo { width:200px; float:left; padding-bottom:5px;}
.yahoo > ul > li { width:100px; float:left; list-style:none; margin-top:15px; overflow:hidden;}
.yahoo > ul > li > a { display:block;}
.yahoo > ul > li > a > img { width:64px; height:16px; display:block; margin:0 auto;}
.yahoo > ul > li > p { display:block; text-align:center; line-height:20px; color:#333;}

.giohangright { width:180px; float:left; padding:10px;}
.giohangright ul { list-style:none;}
.giohangright li { width:180px; float:left; margin-top:5px;}
.giohangright p { width:50%; float:left; font-weight:bold; color:#333;}
.giohangright span { width:50%; float:left; font-weight:bold; color:#333;}
.giohangright a { float:right; padding:3px 10px; color:white; background:red; margin-top:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.ccboxright-1 { width:200px; float:left; background:white; border:1px solid #047d38; margin-top:1px; padding:10px 0;}
.tinmoi { width:180px; float:left; padding:0 10px;}
.tinmoi ul { list-style:none;}
.tinmoi li { width:170px; float:left; padding:5px 0 5px 10px; border-top:1px dotted #ddd; background:url(../images/icon-4.png) no-repeat top left;}
.tinmoi a { font-weight:bold; color:#333; text-align:justify; display:block;}

.facebook { width:202px; float:left; padding-top:10px; background:white;}

.qcright { width:202px; float:left;}
.qcright ul { list-style:none;}
.qcright li { width:202px; float:left; margin-top:5px;}
.qcright img { width:202px; float:left;}


/*   Footer   */
.indexfooter { width:100%; float:left; background:url(../images/black-70.png) repeat; margin-top:10px; padding:20px 0;}
.footer { width:1000px; margin:0 auto;}

.thongke { width:212px; float:left;}
.thongke > h3 { font-weight:bold; color:white; text-transform:uppercase; font-size:14px; width:100%; float:left;}
.thongke ul { list-style:none; float:left; margin-top:10px;}
.thongke li { width:212px; float:left; margin-top:5px;}
.thongke p { width:100px; float:left; color:#bbb;}
.thongke span { width:112px; float:left; color:#bbb;}

.add { width:566px; float:left; margin-left:10px;}
.add p { font-weight:bold; color:white; text-transform:uppercase; font-size:14px; width:100%; float:left; padding-bottom:10px;}
.add span { width:100%; float:left; color:#bbb; margin-top:5px;}

.rightfoot { width:202px; float:right;}
.rightfoot > h3 { font-weight:bold; color:white; text-transform:uppercase; font-size:14px; width:100%; float:left;}
.rightfoot ul { list-style:none; float:left; margin-top:10px;}
.rightfoot li { width:100%; float:left; margin-top:5px;}
.rightfoot li img { width:31px; height:31px; float:left;}
.rightfoot li p { float:left; margin-left:10px; color:#bbb; line-height:31px;}
.rightfoot > a { width:100%; float:left; margin-top:15px; color:#bbb;}


/*   Detail   */
.ttboxcent a { height:40px; font-weight:bold; color:white; line-height:40px; margin-left:10px; text-transform:uppercase; padding-left:13px; display:block; float:left;	background:url(../images/icon-5.png) no-repeat top left;}
.ttboxcent a.first { padding-left:0; background:none;}

.picproducts { width:302px; float:left; margin-top:10px; position:relative;}

#main-A { width:302px; position:relative; text-align:center;}
#gallery-A { width:300px; overflow:hidden; border:1px solid #ddd;}
#slides-A { width:300px; height:300px; overflow:hidden; background:white;}
.slide-A { float:left;}
	.pic_1-A { width:300px; height:300px; text-align: center; vertical-align: middle;}
	.pic_1-A img { margin:0 auto; max-width:280px; max-height:280px;}
#menu-A { height:60px; background:white; border-top:1px solid #ddd;}
#menu-A ul { margin:0px; padding:0px; list-style:none;}
#menu-A li { width:60px; display:inline-block; list-style:none; height:60px; overflow:hidden; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; background:white;}
#menu-A li.inact:hover{ border-left:1px solid red; border-right:1px solid red;}
#menu-A li.act,li.act:hover { border-left:1px solid #ccc; border-right:1px solid #ccc;}
	.pic_2-A { width:60px; height:60px; text-align: center; vertical-align: middle;}
	.pic_2-A img { margin:0 auto; max-width:50px; max-height:50px;}
	
.rightpro { width:254px; height:363px; float:right; margin:10px 0 0 0; background:white;}
.rightpro > ul { list-style:none;}
.rightpro li { width:100%; float:left;}
.rightpro li.tit span { font-size:18px; color:#263d73; font-weight:bold;}
.rightpro li.pri span { font-size:18px; color:red; font-weight:bold; margin-top:10px; float:left;}
.rightpro li.vie { float:left; margin-top:5px;}
.rightpro li.vie p { width:100%; float:left; margin-top:5px; color:#333; line-height:18px;}

.likeface { width:100%; float:left; margin-top:10px;}



.thongtinchitiet { width:566px; float:left;}
.container {width:566px; float:left; margin-top:10px;}
ul.tabs { width:566px; height:42px; float:left; list-style: none; background:none;}

ul.tabs li { height:40px; float:left; background:white; border:1px solid #ddd; margin-right:1px; padding:0 30px;}
ul.tabs li a { font-weight:bold; color:#333; display:block; line-height:40px;}

ul.tabs li:hover, ul.tabs li.active { background:#019342; border:1px solid #007132;}
ul.tabs li:hover a, ul.tabs li.active a { color:white;}

.tab_container { width:566px; border-top:none; clear:both; float:left; background:#fff;}
.tab_content { font-size:1.2em;}
.xanh { width:544px; float:left; border:1px solid #ddd; background:white; margin-top:1px; padding:10px 10px 20px 10px;}

.nhanxetsanpham { width:544px; float:left;}
.nhanxetsanpham > ul { list-style:none;}
.nhanxetsanpham > ul > li.form { width:544px; height:auto; float:left; margin-top:10px;}
.nhanxetsanpham > ul > li.form > ul { list-style:none;}
.nhanxetsanpham > ul > li.form > ul > li { width:544px; float:left; margin-top:10px;}
.nhanxetsanpham > ul > li.form > ul > li > p { width:100px; font-weight:bold; color:#333; float:left; line-height:25px;}
.nhanxetsanpham > ul > li.form > ul > li > p > span { color:red; margin-left:3px; line-height:10px; margin-left:5px;}

input.frn { width:200px; height:20px; float:left; border:1px solid #ddd;}
textarea.frs { width:300px; height:100px; float:left; border:1px solid #ddd;}
input.frb1 { float:left; padding:5px 30px; border:1px solid #d70000; background:red; color:white; margin-left:100px; font-weight:bold;}
input.frb2 { float:left; padding:5px 30px; border:1px solid #ddd; background:#f1f1f1; color:#333; margin-left:10px; font-weight:bold;}


/*   HTPP   */

.chondiadiem { width:566px; float:left; padding:20px 0;}
.chondiadiem p { float:left; display:block; line-height:26px; font-weight:bold; color:#333; margin-left:10px;}

.danhsach  { width:566px; float:left;}
.danhsach ul { list-style:none;}
.danhsach li { width:100%; float:left; margin-top:1px;}
.danhsach li.ds p { background:#4e9a2d; color:white;}
.danhsach p { padding:10px; float:left; background:#ddd;}
.danhsach p.ds1 { width:100px;}
.danhsach p.ds2 { width:304px; margin-left:1px;}
.danhsach p.ds3 { width:100px; margin-left:1px;}

/*  Contact   */

.contact { width:526px; float:left; padding:20px;}
.contact > ul { list-style:none;}
.contact > ul > li { width:100%; float:left;}
.contact > ul > li > p { font-weight:bold; color:red; font-size:14px; text-transform:uppercase; display:block; padding-bottom:5px;}
.contact > ul > li > span { font-weight:bold; color:#333; font-size:13px; margin-top:10px; float:left;}
.contact > ul > li > ul { list-style:none; float:left; margin-top:10px;}
.contact > ul > li > ul > li { width:100%; float:left;}
.contact > ul > li > ul > li > p { color:#666; float:left; width:70px; float:left; font-weight:bold; line-height:20px;}
.contact > ul > li > ul > li > span { color:#666; float:left;}


.guimail { width:526px; height:auto; float:left; padding:0 20px 20px 20px;}
.guimail > ul { list-style:none;}
.guimail > ul > li { width:100%; height:auto; float:left;}
.guimail > ul > li > p { font-weight:bold; color:red; font-size:14px; text-transform:uppercase; display:block; padding-bottom:5px;}
.guimail > ul > li > span { width:100%; font-weight:bold; color:#333; font-size:13px; float:left;}


.form-dk { width:526px; height:auto; float:left; margin-top:10px;}
.form-dk > ul { list-style:none;}
.form-dk > ul > li { width:100%; height:auto; float:left; margin-top:10px;}
.form-dk > ul > li > p { width:143px; height:auto; float:left; line-height:24px;}
.form-dk > ul > li > p > span { color:red;}


.maps { width:526px; height:auto; float:left; padding:0 20px 20px 20px;}
.maps > ul { list-style:none;}
.maps > ul > li { width:100%; height:auto; float:left;}
.maps > ul > li > p { font-weight:bold; color:red; font-size:14px; text-transform:uppercase; display:block; padding-bottom:5px;}

/*   News   */

.boxnews-2 { width:566px; float:left; padding-top:10px; border-bottom:1px solid #ddd; padding-bottom:10px; background:white;}
.boxnews-2 ul { list-style:none;}
.boxnews-2 li.pic { width:140px; float:left; border:1px solid #ddd; padding:3px;}
.boxnews-2 li.pic img { width:140px;}
.boxnews-2 li { float:right; width:408px;}
.boxnews-2 li a { color:#00923f; width:100%; font-size:15px; font-weight:bold; float:left; display:block; text-align:justify;}
.boxnews-2 li p { color:#333; float:left; margin-top:5px; line-height:18px;}
.boxnews-2 li.chitiet a { text-align:right; font-size:12px; color:red; margin-top:5px; font-weight:normal;}


.centbox { width:100%; float:left; background:white; padding-bottom:20px;}
.centbox h3 { width:100%; float:left; padding:20px 0; font-weight:bold; color:#090; font-size:16px;}